
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-z9kzo">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-6mtuzm0vvasiw" gridColumnStart="116" gridColumnEnd="214" gridRowStart="20" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-jb4a1 webVueAntYtSpanStyle'>
                  <span v-html='"项目运行报表"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-fkf58m0vvasj0" gridColumnStart="33" gridColumnEnd="116" gridRowStart="20" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-1zti1 webVueAntYtSpanStyle'>
                  <span v-html='"报表管理 / "'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-7npdtm0vvasj3" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-ieo6u webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-dytwkm0vvasj4" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
      <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-fmkop webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNameisShow1' id="yt-yx7gom0vvasj6" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-fsvwv  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-j3un6 webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-spgqsm0vvasje" gridColumnStart="1298" gridColumnEnd="1378" gridRowStart="71" gridRowEnd="103" zIndex="6" previewType="FixedWH">
      <a-button ref='ref6' @click="()=> { handleQueryClick(); }" class='webVueAntButton webVueAntYtButtonStyle-bqvg9  webVueAntYtButtonStyle center' :loading='Queryloading1'>
                  <span class='yt-button-content ' v-html='"查询"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-8envpm0vvasjh" gridColumnStart="1398" gridColumnEnd="1478" gridRowStart="71" gridRowEnd="103" zIndex="7" previewType="FixedWH">
      <a-button ref='ref7' @click="()=> { handleResetClick(); }" class='webVueAntButton webVueAntYtButtonStyle-zeuqx  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                  <span class='yt-button-content ' v-html='"重置"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='MonthlyisShow1' id="yt-0avs5m0vvasjk" gridColumnStart="781" gridColumnEnd="1020" gridRowStart="71" gridRowEnd="103" zIndex="8" previewType="FixedWH">
      <a-form-item ref='ref8' class='webVueAntDatePickerFormItem webVueAntYtDatePickerFormItem-8i4vs  webVueAntYtDatePickerFormItem show-label' name='Monthlyvalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"月度"'>
                  
              </span>
              </div>
              </template>
<yt-custom-date-piker data-event class='webVueAntYtDatePickerStyle-2vlt7 webVueAntYtDatePickerStyle' :popupKey='"popup_yt-0avs5m0vvasjk"' v-model:value='Monthlyvalue1' :placeholder='"请输入"' :mode='"month"'>
                  
              </yt-custom-date-piker>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNumberisShow1' id="yt-0bsttm0vvasnn" gridColumnStart="416" gridColumnEnd="722" gridRowStart="71" gridRowEnd="103" zIndex="9" previewType="FixedWH">
      <a-form-item ref='ref37' class='webVueAntInputFormItem webVueAntYtInputFormItem-9ew4g  webVueAntYtInputFormItem show-label' name='ProjectNumbervalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目编号"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-zjvw6 webVueAntYtInputStyle' v-model:value='ProjectNumbervalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='TableisShow1' id="yt-axdrnm0vvtr42" gridColumnStart="67" gridColumnEnd="1598" gridRowStart="162" gridRowEnd="969" zIndex="10" previewType="FixedWH">
      <yt-table ref='ref39' @onTableChange="()=> { handleTableChange(); }" class='webVueAntYtTable webVueAntYtTableStyle-vmkpr webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='TablecurrentRow1' v-model:selectedRows='TableselectedRows1' v-model:total='Tabletotal1' v-model:current='Tablecurrent2' v-model:pageSize='TablepageSize1' :columns='Tabledata1.columns' :dataSource='Tabledata1.dataSource' :scroll='{y:693.0034590376184}'>
                  <template #cell='{ column, record }'>
                  <template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
                  
  <yt-grid background="#00000000" previewType="FixedWH" width="380" height="48">
      
  <yt-grid-item fixedSize='selfAdaption' :isShow='Export1isShow1' id="yt-fv02nm0vvuypu" gridColumnStart="66" gridColumnEnd="146" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <a-button ref='ref40' @click="()=> { handleExportClick(record); }" class='webVueAntButton webVueAntYtButtonStyle-wbmdo  webVueAntYtButtonStyle center' :loading='Export1loading1'>
                  <span class='yt-button-content ' v-html='"导出"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ExportCurrentMonthisShow1' id="yt-tk2evm0vvv3al" gridColumnStart="176" gridColumnEnd="266" gridRowStart="8" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <a-button ref='ref41' @click="()=> { handleExportCurrentMonthClick(record); }" class='webVueAntButton webVueAntYtButtonStyle-kvl2q  webVueAntYtButtonStyle center' :loading='ExportCurrentMonthloading1'>
                  <span class='yt-button-content ' v-html='"导出当月"'>
                  
              </span>
              </a-button>
  </yt-grid-item>

  </yt-grid>
  
              </template>
              </template>
              </yt-table>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
Resetloading1: false,
Export1loading1: false,
Export1isShow1: true,
ProjectNumbervalue1: "",
ProjectNumberisShow1: true,
ProjectNamevalue1: "",
ProjectNameisShow1: true,
Monthlyvalue1: "",
MonthlyisShow1: true,
Queryloading1: false,
ExportCurrentMonthloading1: false,
ExportCurrentMonthisShow1: true,
TablecurrentRow1: {},
TableselectedRows1: [],
TablepageSize1: 10,
Tabledata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "projectName",
title: "项目名称",
dataIndex: "projectName"
}, {
key: "projectNumber",
title: "项目编号",
dataIndex: "projectNumber"
}, {
key: "dateofGeneration",
title: "产生日期",
dataIndex: "dateofGeneration"
}, {
key: "operation",
title: "操作",
dataIndex: "operation",
cellType: "slot"
}],
dataSource: [{
id: 1,
projectName: "标题1",
projectNumber: "标题1"
}, {
id: 2,
projectName: "标题2",
projectNumber: "标题2"
}]
},
Tablecurrent2: 1,
Tabletotal1: 2,
TableisShow1: true
};
},
watch: {},
methods: {
async handleQueryClick() {
this.Queryloading1 = true;
try {
const response = await this.executeBackendInterface('fetchProjectData', {
ProjectNamevalue1: this.ProjectNamevalue1,
ProjectNumbervalue1: this.ProjectNumbervalue1,
Monthlyvalue1: this.Monthlyvalue1,
current: this.Tablecurrent2,
pageSize: this.TablepageSize1
});
if (response.flag) {
this.Tabledata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  projectName: item.project_name,
  projectNumber: item.project_code,
  dateofGeneration: item.generated_date,
  operation: item.operation
}));
this.Tabletotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('查询失败');
} finally {
this.Queryloading1 = false;
}
},
async handleResetClick() {
this.Resetloading1 = true;
this.ProjectNamevalue1 = "";
this.ProjectNumbervalue1 = "";
this.Monthlyvalue1 = "";
try {
const response = await this.executeBackendInterface('fetchAllProjectData', {
current: this.Tablecurrent2,
pageSize: this.TablepageSize1
});
if (response.flag) {
this.Tabledata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  projectName: item.project_name,
  projectNumber: item.project_code,
  dateofGeneration: item.generated_date,
  operation: item.operation
}));
this.Tabletotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('重置失败');
} finally {
this.Resetloading1 = false;
}
},
async initProjectReport() {
try {
const response = await this.executeBackendInterface('fetchAllProjectData', {
current: this.Tablecurrent2,
pageSize: this.TablepageSize1
});
if (response.flag) {
this.Tabledata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  projectName: item.project_name,
  projectNumber: item.project_code,
  dateofGeneration: item.generated_date,
  operation: item.operation
}));
this.Tabletotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('初始化失败');
}
},
handleTableChange(pagination) {
this.Tablecurrent2 = pagination.current;
this.TablepageSize1 = pagination.pageSize;
this.handleQueryClick();
},
async handleExportClick(record) {
this.Export1loading1 = true;
try {
const response = await this.executeBackendInterface('exportCurrentRowData', {
id: record.id
});
if (response.flag) {
message.success('导出成功');
} else {
message.error(response.message);
}
} catch (error) {
message.error('导出失败');
} finally {
this.Export1loading1 = false;
}
},
async handleExportCurrentMonthClick(record) {
this.ExportCurrentMonthloading1 = true;
try {
const response = await this.executeBackendInterface('exportCurrentMonthData', {
projectName: record.projectName,
Monthlyvalue1: this.Monthlyvalue1
});
if (response.flag) {
message.success('导出成功');
} else {
message.error(response.message);
}
} catch (error) {
message.error('导出失败');
} finally {
this.ExportCurrentMonthloading1 = false;
}
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833345459792379904';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Projectrunreport/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/项目运行报表/theme.css');
this.initProjectReport();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
},
computed: {}
};

</script>
<style lang="less">
.page-z9kzo{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: inline-block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-jb4a1{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-jb4a1 span{
text-decoration: none;
}

.webVueAntYtSpanStyle-1zti1{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-1zti1 span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-ieo6u{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-fmkop{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-fsvwv .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-fsvwv .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-j3un6:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-bqvg9{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-bqvg9>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-zeuqx{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-zeuqx>span{
letter-spacing: 0px !important;
}

.webVueAntYtDatePickerFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtDatePickerStyle{
box-shadow: 0px 0px 0px 0px transparent;
background: #FFFFFF !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input::placeholder{
color: #999999;
}
.webVueAntYtDatePickerFormItem .dropdownClassName{
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container{
background: #ffffff;
}
.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-header,.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr th,.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr td{
color: #333333;
}
.webVueAntDatePickerFormItem  {
flex-wrap: nowrap;
}
.webVueAntDatePickerFormItem ,
.webVueAntDatePickerFormItem .ant-form-item-control-input,
.webVueAntDatePickerFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntDatePickerFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntDatePickerFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntDatePickerFormItem .dropdownClassName {
overflow: hidden;
}
.webVueAntDatePickerFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntYtDatePicker .ant-picker-dropdown {
text-align-last: auto;
}
.webVueAntYtDatePicker .ant-picker-input>input {
background: transparent;
}

.webVueAntYtDatePickerFormItem-8i4vs .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtDatePickerFormItem-8i4vs .ant-form-item-label label{
width: 39px;
padding-right: 10px;
}
.webVueAntYtDatePickerStyle-2vlt7{
background: #FFFFFF!important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
}

.webVueAntYtInputFormItem-9ew4g .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-9ew4g .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}
.webVueAntYtInputStyle-zjvw6:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-vmkpr{
opacity: 1;
}
.webVueAntYtTableStyle-vmkpr .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-vmkpr .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-thead tr th{
background: #FFFFFF;
}
.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-vmkpr .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-vmkpr .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-vmkpr .ant-table thead tr th,.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-vmkpr .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-vmkpr .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-vmkpr.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-vmkpr.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-vmkpr .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-vmkpr .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-vmkpr .ant-pagination button,.webVueAntYtTableStyle-vmkpr .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-vmkpr .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination button,.webVueAntYtTableStyle-vmkpr .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-vmkpr .ant-pagination li input,.webVueAntYtTableStyle-vmkpr .ant-pagination li a,.webVueAntYtTableStyle-vmkpr .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-vmkpr .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-vmkpr .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li a,.webVueAntYtTableStyle-vmkpr .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-vmkpr .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-vmkpr tr > th:nth-child(1), .webVueAntYtTableStyle-vmkpr .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-vmkpr tr > th:nth-child(2), .webVueAntYtTableStyle-vmkpr .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-vmkpr tr > th:nth-child(3), .webVueAntYtTableStyle-vmkpr .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-vmkpr tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-vmkpr tr > th:nth-child(4), .webVueAntYtTableStyle-vmkpr .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-vmkpr{
width: 100%;
}

.webVueAntYtButtonStyle-wbmdo{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-wbmdo>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-kvl2q{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-kvl2q>span{
letter-spacing: 0px !important;
}}
</style>